<template>
  <el-card>
    <template #header>
      <strong>搜索结果</strong>
    </template>
    <div>
    <el-row v-for="article in articleList" :key="article.articleId">
      <router-link @click="closeInput" class="RLink"  :to="'/showArticle/'+article.articleId">
        {{ article.articleTitle.substring(0,15) }}...
      </router-link>
    </el-row>
    </div>
  </el-card>
</template>

<script>
export default {
  name: "showResult",
  props:['articleList'],
  created() {
  },
  methods:{
    closeInput(){
      this.$emit("closeInputContent")
    }
  }
}
</script>

<style lang="less" scoped>
.RLink{
  padding: 4px;
  text-decoration: none;
  color: #000000;
&:hover{
   color: #666;
 }
}
</style>
